.content {
    font-size: 12px;
}

.dataTable.table .thumbnail-holder {
    width: 40px;
    height: 35px;
}

.dataTable.table>tbody>tr:nth-of-type(odd):hover {
    background: #96a3bc;
}

.table-hover>tbody>tr:hover {
    background: #96a3bc;
    /* background: #cdc6c6; */
}

.dataTable.table>tfoot>tr>th,
.dataTable.table>thead>tr>th {
    font-family: revert;
}
/* .container {
    max-width: 100% !important;
} */

.container {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.container {
    padding-left: 4.5%;
    padding-right: 4.5%;
}

@media (min-width: 576px){
.container {
    max-width: 540px;
}
}

@media (min-width: 768px){
.container {
    max-width: 720px;
}
}

@media (min-width: 992px){
.container {
    max-width: 960px;
}
}

@media (min-width: 1200px){
.container {
    max-width: 1140px;
}
}

@media screen and (max-width: 1920px){
.container {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
}

.main_div {
    padding-left: 4%;
    padding-right: 4%;
}
}

#products-table {
    margin-left: auto;
    margin-right: auto;
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

#products-table {
    padding-left: 4.5%;
    padding-right: 4.5%;
}

@media (min-width: 576px){
    #products-table {
        max-width: 540px;
    }
}

@media (min-width: 768px){
    #products-table {
        max-width: 720px;
    }
}

@media (min-width: 992px){
    #products-table {
        max-width: 960px;
    }
}

@media (min-width: 1200px){
    #products-table {
        max-width: 1140px;
    }
}

@media screen and (max-width: 1920px){
    #products-table {
    max-width: 100%;
    padding-left: 4%;
    padding-right: 4%;
}
}

.col-lg-3{
    flex: 0 0 16.6666666667% !important;
}
.col-lg-5{
    flex: 0 0 22% !important;
}
.col-lg-6{
    flex: 0 0 30% !important;
}
.col-lg-4{
    flex: 0 0 22% !important;
}
.dataTable.table .thumbnail-holder>img {
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.thead-datatable > tr > th:nth-of-type(12) {
    width: 80px !important;
}
.thead-datatable > tr > th:nth-of-type(15) {
    width: 120px !important;
}
#colorDiv{
    flex: 0 0 41.666667% !important;
    max-width: 41.666667% !important;
}
.color_more_btn_div{
    flex: 0 0 8.333333% !important;
    max-width: 8.333333% !important;
}
.filter_input{
    font-size: 12px !important;
}
.dVkpJl{
    font-size: 10px !important;
    top: 5px;
}
.main_div{
    margin-bottom: 2%;
}
.diamond-search-icon{
    top: 58% !important;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    height: 40px !important;
    padding: 6px 12px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    width: 100%;
}
#DataTables_Table_0 > tbody > tr > td:nth-of-type(23) {
    width: 150px !important;
}
a.memo_buy_hold:hover {
    color: white;
}
.paginate_button{
    border: 1px solid #e9e9e9;
    float: left;
    margin-left: -1px;
    padding: 8px;
    transition: .2s ease-in-out;
    cursor: pointer;
    color: black;
}
.list-inline.top-nav-right-list{
    margin-bottom: 5px !important;
    width: 255px !important;
}
.search-input{
    height: 58px !important;
}
.main_div {
    padding-left: 4%;
    padding-right: 4%;
    /* background-color: rgb(72, 85, 160); */
}
.box.box-primary{
    padding-left: 1%;
    padding-right: 1%;
}
#login_btn{
    margin-right: 2%;
    margin-left: 2%;
    font-size: 12px;
    text-wrap: nowrap;
    height: 60%;
    margin-top: 5%;
    background-color: rgb(130,166,167);
    width: 200px;
}
.login_btn{
    margin-left: 2%;
    font-size: 12px;
    text-wrap: nowrap;
    margin-top: 6%;
    background-color: rgb(130,166,167);
    width: 200px;
    padding-left: 15px;
    height: 38px;
    border: 1px solid rgb(130,166,167);
}
.create_btn{
    margin-left: 2%;
    font-size: 12px;
    text-wrap: nowrap;
    height: 60%;
    margin-top: 5%;
    background-color: rgb(130,166,167);
    width: 135px;
    padding-left: 15px;
    height: 38px;
    border: 1px solid rgb(130,166,167);
    padding-top: 4%;
}
a.create_btn:hover {
    background-color: rgb(130,166,167);
}
.btn.btn-search{
    background-color: rgb(130,166,167);
    border: 1px solid rgb(130,166,167);
}
.btn.btn-search:hover{
    background-color: rgb(130,166,167);
    border: 1px solid rgb(130,166,167);
}
.header-search{
    margin-top: 15px !important;
}
.login_modal{
    top: 110px !important;
    left: 71% !important;
}

.btn-primary {
    background-color: rgb(130, 166, 167) !important;
}

.create_btn {
    margin-left: 2% !important;
    font-size: 12px !important;
    text-wrap: nowrap !important;
    height: 60% !important;
    margin-top: 5% !important;
    background-color: rgb(130, 166, 167) !important;
    width: 135px !important;
    padding-left: 15px !important;
    height: 38px !important;
}

.btn-primary {
    background: rgb(72, 85, 160);
}

.btn-primary:hover {
    background-color: rgb(130, 166, 167) !important;
}

.btn-primary:hover {
    background: rgb(72, 85, 160);
}